<template>
	<view class="box">
		<view class="account">
			<view class="item">
				<view class="nav">登录帐号：</view>
				<view class="navAccount">{{userInfo.phone}}</view>
			</view>
			<view class="item" @click="modify">
				<view class="used">修改密码</view>
				<image src="../../../static/img/theHead/fanhui_2.png"></image>
			</view>
		</view>
		
		<view class="segmentation">
			<navigator url="/pages/theHead/setUp/serviceAgreement" class="item">
				<view class="used">用户服务协议</view>
				<image src="../../../static/img/theHead/fanhui_2.png"></image>
			</navigator>
			<navigator url="/pages/theHead/setUp/setprivacy" class="item">
				<view class="used">隐私政策条款</view>
				<image src="../../../static/img/theHead/fanhui_2.png"></image>
			</navigator>
			<view class="item">
				<view class="used">健康管理知情同意书</view>
				<image src="../../../static/img/theHead/fanhui_2.png"></image>
			</view>
		</view>
		
		<!-- 退出登录 -->
		<view class="exit" @click="logout">退出登录</view>
		
		<view class="cancellation">注销用户</view>
		
		<!-- 修改密码 -->
		<view class="new">
			<u-modal v-model="show" :show-cancel-button="true" :title="title" @confirm="confirm" @cancel="cancel">
				<view class="newPassword">
					<text>手机号：</text>
					<view class="phone">{{userInfo.phone}}</view>
				</view>
				<view class="newPassword"> 
					<text>原密码：</text>
					<input type="text" placeholder="请输入原密码" v-model="oldPassword" @blur="oldPasswordBlur">
				</view>
				<view class="newPassword">
					<text>新密码：</text>
					<input type="text" placeholder="请输入新密码" v-model="newPassword" @blur="newPasswordBlur">
				</view>
				<view class="tips">*密码必须至少6个字符，而且同时包含字母和数字</view>
			</u-modal>			
		</view>
		<u-modal v-model="showModal" :content="showContent"></u-modal>
	</view>
</template>

<script src="@/static/js/theHead/setUp/setUp.js"></script>

<style lang="scss" scoped>
	@import '@/static/css/theHead/setUp/setUp.scss';
</style>
